function load() {
    // alert("页面已经载入！");
    import {latlngs2,latlngs1,latlngs4,latlngs3} from './data.js'
    let options={}
    Vue.createApp(options).mount('#app');

    var latlngs=[latlngs1,latlngs2,latlngs3,latlngs4]
    console.log('%c  latlngs: ','color: MidnightBlue; background: Aquamarine; font-size: 20px;',  latlngs);
    // 初始化地图
    var map = L.map('map', {
        // center: [39.924317, 116.390619],
        center:[25.1834, 111.6172],
        zoom: 10,
        preferCanvas: true // 使用canvas模式渲染矢量图形
    });
    // 添加底图
    var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);
    for (let i = 0; i < latlngs.length; i++) {
        addAnimatedMarker(latlngs[i],map,10)
    }

}


/**
 * animatedMarker 添加动画
 * @param latlngs 坐标二维数组【维度在前，经度在后】
 * @param map 地图
 */
window.addAnimatedMarker=function (latlngs, map, riverWidth) {

    // //bz:备注 轨迹线
    let routeLine = L.polyline(latlngs, {
        weight: riverWidth
    }).addTo(map);
    // bz:icon
    let carIcon = L.icon({
        // iconSize: [37, 26],
        iconSize: [55, 55],
        iconAnchor: [19, 13],
        // iconUrl: "./images/circleRedCenter.png"
        iconUrl: './circleRedCenter.png'
        // iconUrl: './car.png'
    })
    // bz:声明速度列表
    let speedList = new Array();
    for (let i = 0; i < latlngs.length; i++) {
        speedList[i]=10;
    }
    // debugger
    // let animatedMarker = LanimatedMarker(latlngs, {
    let animatedMarker = LanimatedMarker(routeLine.getLatLngs(), {
        speedList: speedList,
        interval: 200, // 默认为100mm
        icon: carIcon,
        // playCall: updateRealLine
    }).addTo(map)
    // bz:开始运行
    animatedMarker.start();
}